<template>
  <el-container class="w-full h-[100vh]">
    <!-- 头部 -->
    <el-header class="flex-center !h-[var(--sidebar-height)] !p-0">
      <AppLogo />
      <AppMenu :menu-list="menus" base-path="/" />
      <AppHeader />
    </el-header>
    <!-- 主体内容 -->
    <AppView />
  </el-container>
</template>
<script setup lang="ts">
import { useAuthStore } from '@/stores'
const authStore = useAuthStore()
const menus = computed(() => authStore.getAuthRoutes) // 混合布局左侧菜单
</script>
<style lang="scss" scoped>
@import '../index';
</style>
